<template>
  <div class="myfooter">

    <div class="myfooter-tab">
      <van-tabbar v-model="active" route active-color="#ff9d00">
      <van-tabbar-item icon="home-o">PC端</van-tabbar-item>
      <van-tabbar-item icon="search">用户反馈</van-tabbar-item>
      <van-tabbar-item icon="friends-o">加入我们</van-tabbar-item>
      <van-tabbar-item icon="setting-o" to="/login">登录</van-tabbar-item>
      </van-tabbar>
    </div>
    
    <div class="myfooter-p1">
      <p>© 2022 Mafengwo.cn 京ICP备11015476号</p>
      <p>北京蚂蜂窝网络科技有限公司 企业营业执照</p>
      <p>马蜂窝客服：+86-10-8341-6888</p>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      active:""
    };
  },
  methods: {
    
  },
};
</script>

<style lang="scss" scoped>
.myfooter {
  width: 100%;
  background-color: #2a282c;
  
  // &-ul {
  //   display: flex;
  //   justify-content: space-around;
  //   padding: 20px 0px;
  //   li {
  //     font-size: 12px;
  //     width: 71px;
  //     line-height: 22px;
  //     height: 22px;
  //     text-align: center;
  //     color: #929193;
  //     border-radius: 4px;
  //     background-color: #403e42;
  //   }
  // }
  &-p1 {
    padding-bottom: 13px;
    p {
      font-size: 12px;
      text-align: center;
      margin: 0px;
    }
  }
}
</style>
